<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS-div</title>
		<style type="text/css">
			#wrap{width: 900px;height: 1000px;}
			div{text-align: center;}
			#pic{width: 420px;height: 300px;float: left;background-image: url(ex8.jpg);background-color: #77A;}
			#text{width: 420px;height: 500px;float: right;background-image: url(ex8.jpg);background-color: #77A;}
			#title{font-size: 32PX;font-family: 华文彩云;}
			#author{font-size: 12PX;text-align: right;font-family: 黑体;margin-bottom: 24px;}
			#p{font-family: 隶书;font-size: 24px;margin: 2px; letter-spacing: 0.5em;line-height: 1.5em;}
		</style>
	</head>
	<body>
		<div id="wrap">
			<div id="pic"></div>
			<div id="text">
				<div id="title">木兰花令.拟古决绝词</div>
				<div id="author">纳兰性德</div>
				<div id="content">
					<p>人生若只如初见</p>
					<p>何事秋风悲画扇</p>
					<p>等闲变却故人心</p>
					<p>却道故心人易变</p>
					<p>骊山雨罢清宵半</p>
					<p>泪雨霖铃终不怨</p>
					<p>何如薄幸锦衣郎</p>
					<p>比翼连枝当日愿</p>
				</div>
			</div>
		</div>
	</body>
</html>
